.settintopgbox {
  height: .98rem;
  width: 7.5rem;
  padding: 0 .3rem;
  background: #000;
  position: fixed;
  top: .8rem;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.settintopgbox svg {
  width: .5rem;
  transform: rotate(180deg);
}

.settintopgbox span {
  display: block;
  text-align: center;
  font-size: .34rem;
  font-weight: bold;
}

.settingitembox {
  padding: 0 .3rem;
}

.settingitem {
  border-radius: .12rem;
  background: #1b1b1b;
  margin-bottom: .6rem;
  overflow: hidden;
}

.settingitem .itembox {
  padding: 0 .3rem;
}

.settingitem .header img {
  display: block;
  width: 1.12rem;
}

.settingitem .item {
  width: 6.3rem;
  height: 1.2rem;
  border-bottom: .02rem solid #303030;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.settingitem .item .name {
  font-size: .28rem;
}

.settingitem .item .status {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.settingitem .item .status span {
  color: #c1c1c1;
  padding: .1rem;
}

.settingitem .item svg {
  width: .35rem;
}

.settingitem .itembox:hover {
  background: #3b3b3b;
}

.settingitem .header {
  height: 1.7rem;
}

.settingitem .itembox:last-child > .item {
  border-bottom: none;
}

.logout {
  display: block;
  width: 4.12rem;
  height: .88rem;
  border-radius: .12rem;
  background: #1b1b1b;
  line-height: .88rem;
  text-align: center;
  border: none;
  color: #f89c44;
  font-size: .28rem;
  font-weight: bold;
  margin: .85rem auto;
}

.logout:hover {
  background: #3b3b3b;
}
